﻿/* CSS Document */
* {	margin:0; padding:0; font-size:100%; }
body { background:#fff;	text-align:center; }
img {vertical-align:top;}
a img { border:0;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
html, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.538em; color:#616060; }
input, select { vertical-align:middle; font-weight:normal;}
a {color:#9b9b9b; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:20px;}
em { font-style:normal; font-weight:bold;}
/* ============================= main layout ====================== */
p a { color: #ff3300; text-decoration: none; font-weight: bold; }
p a:hover { text-decoration: underline; }
p a.external {  background: url("../images/external.gif") no-repeat; padding-left: 15px; }
p a.lightbox { background: none; padding-left: 0; }
li { margin-left: 15px; list-style-type: square; }
.extra li, #header li, #sidebar li { margin-left: 0; list-style-type: none; }
li a {color:#ff3300; text-decoration: none;}
li a:hover {text-decoration: underline;}
li h3 { font-size: 1.2em; margin-bottom: 0; }
li.rssRow p { padding-top: 0; margin-bottom: 10px;}
li.rssRow h3 { text-transform: none; }
li.rssRow h4 { font-size: 1.2em; font-weight: normal; }
ul.bullet li {background:url("../images/marker1.png") left 10px no-repeat; padding-left:28px; line-height:2.07em; padding-left:28px; }
.imgindent {margin:0 15px 0 0; float:left;}
.row {background:url("../images/row-bg.gif") left top repeat-x #141414;}
h1, h2, h3, h4 { font-family: Arial Narrow, Arial; font-stretch: condensed; }
h1, h2, h3 { text-transform: uppercase; }
h1 { font-size: 3em; line-height: 1.4em; font-weight: normal; }
h1 span { color: #ff3300; }
h1 a { text-decoration: none; color: #e6e6e6; }
h2 { font-family: Arial Narrow, Arial; font-weight: normal; font-size:1.84em; line-height:1.2em; color:#000; margin-bottom:5px;}
h2 strong {display:block; margin-top:-8px;}
h3 { font-family: Arial Narrow, Arial; font-weight: normal; font-size:1.615em; line-height:1.2em; color:#ff3300; margin-bottom:22px;}
h3 strong {display:block; margin-top:-8px;}
h4 {font-size:1.34em; line-height:1.4em; color:#fff; margin-bottom: 4px;}
h4 strong {padding-left:62px;}
h4 strong strong {display:block; margin-top:-8px;}
h2 span { display: block; color: #616060; font-size: 0.8em; }
div.photo { min-height: 285px; }
/* ============================= hide ====================== */
.icons li a span, .hide { display: inline; position: absolute; left: -999999px;  top: -999999px; }
/* ============================= header ====================== */
#header {background:url("../images/header-bg.png") top left repeat-x; padding-top:40px;}
.logo {float:left; height:98px;}
.logo h1 { color: #fff; }
.info {float:right; text-align:right; color:#919191; padding-top:8px;}
.info span {font-weight:bold; color:#fff;}
.icons { text-align: right; padding-top: 15px; width: 275px; float: right; }
.icons .follow { line-height: 2.5em; }
.icons .follow { float: left; }
.icons ul, .icons li { display: inline; margin: 0; padding: 0; }
.icons li { list-style-type: none;  }
.icons li a { display: block; width: 30px; height: 30px; float: right; background: url("../images/icon-rss.png") left top no-repeat;}
.icons li a.facebook { background-image: url("../images/icon-facebook.png"); }
.icons li a.twitter { background-image: url("../images/icon-twitter.png"); }
.icons li a.linkedin { background-image: url("../images/icon-linkedin.png"); }
.icons li a.delicious { background-image: url("../images/icon-delicious.png"); }
.icons li a.youtube { background-image: url("../images/icon-youtube.png"); }
.menu {background:url("../images/menu-li-tail-bg.gif") left top repeat-x; margin-top:-5px;  float:left; position:relative;}
.menu, .menu ul, .menu ul li, .menu ul li a strong {  cursor: pointer; }
.menu li {float:left; font-size:1.3em; line-height:1.2em; text-transform:uppercase; background:url("../images/menu-li-bg.gif") top right no-repeat; padding:0px 0px 8px 4px; width:117px; margin-left: 0;}
.menu li a {font-family: Arial Narrow, Arial; font-size: 0.9em; text-decoration:none; color:#333;}
.menu li a strong {  display:inline-block; padding:20px 13px 9px 10px; text-align: center; width: 85px;}
.menu .last  a {background:url("../images/menu-li-last-bg.png") top right no-repeat; display:block;}
.menu .first  a {background:url("../images/menu-first-li-bg.png") left top no-repeat; display:block; padding:0px 0 8px 10px; margin-left:-4px;}
.menu .first { width:129px;}
/* ============================= content ====================== */
#content {background:#fff;}
.divider {background:url("../images/divider.gif") left bottom repeat-x;}
.photo { background:url("../images/tobias_shot.jpg") left bottom no-repeat; }
.photo-err { background:url("../images/tobias_shot_error.jpg") left bottom no-repeat; }
.box {min-height:300px; height:auto !important; height:300px; padding: 20px 0 20px 0;}
.box .link2 {margin-top:16px;}
.row {background:url("../images/row-bg.gif") left top repeat-x #141414; padding:47px 0 20px 0; color:#ccc;}
.row-bottom {padding-bottom:56px;}
.row-list {padding-top:26px;}
.row span {color:#fff; font-weight:bold;}
.extra {padding-left:62px;}
.indent {padding:25px 42px 0 328px;}
.extra-indent {padding:50px 0px 0 327px;}
.indent1 {padding:36px 0 41px 0;}
.indent2 {padding:0 0 41px 0;}
.title {margin-bottom:16px;}
.title1 {background:url("../images/title1.jpg") left top no-repeat; padding-bottom:30px;}
.title2 {background:url("../images/title2.jpg") left top no-repeat; padding-bottom:30px;}
.title3 {background:url("../images/title3.jpg") left top no-repeat; padding-bottom:30px;}
img.soglogo { margin-top: 4px; }
h2.pagetitle { font-size: 2em; clear: both; }
div.blog { background: url("../images/rss.png") -10px 35px no-repeat; }
div.twitter { background: url("../images/twitter.png") 5px 35px no-repeat; }
#blogfeed, #twitterfeed { min-height: 65px; }
p.inline { display: inline; padding: 0; margin: 0; }
span.tweet_text { font-weight: normal; }
span.tweet_text a { color: #ff3300; }
span.tweet_time { color: #999; font-weight: normal; }
ul.tweet_list li { margin-bottom: 10px; }
.link {background:url("../images/link-left-bg.gif") left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:35px 0 0 -5px; color:#fafcfc; font-weight:bold; cursor:pointer; font-size:1.76em;}
.link span {background:url("../images/link-right-bg.gif") right top no-repeat; display:inline-block; padding:0 19px 0 19px;}
.link span span  {background:url("../images/link-tail-bg.gif") top repeat-x; padding:22px 6px 25px 6px;}
.link:hover {background:url("../images/link1-left-bg.gif") left top no-repeat; }
.link:hover span {background:url("../images/link1-right-bg.gif") right top no-repeat;}
.link:hover span span  {background:url("../images/link1-tail-bg.gif") top repeat-x;}
.link:hover {color:#505050;}
.link1 {background:url("../images/link1-left-bg.gif") left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:35px 0 0 13px; color:#505050; font-weight:bold; cursor:pointer; font-size:1.76em;}
.link1 span {background:url("../images/link1-right-bg.gif") right top no-repeat; display:inline-block; padding:0 19px 0 19px;}
.link1 span span  {background:url("../images/link1-tail-bg.gif") top repeat-x; padding:22px 22px 25px 23px;}
.link1:hover {background:url("../images/link-left-bg.gif") left top no-repeat; }
.link1:hover span {background:url("../images/link-right-bg.gif") right top no-repeat;}
.link1:hover span span  {background:url("../images/link-tail-bg.gif") top repeat-x;}
.link1:hover {color:#fafcfc;}
.link2 {display:inline-block; font-weight:bold; color:#a2cc2c; background:url("../images/link2-bg.gif") right 9px no-repeat; margin:20px 0 0 0; padding-right:17px;}
.row .link2 {display:inline-block; font-weight:bold; color:#fff; background:url("../images/link3-bg.gif") right 9px no-repeat; margin:22px 0 0 0; padding-right:17px;}
.padding {padding-left:4px;}
.padding1 {padding-left:22px;}
.padding2 {padding-right:65px;}
.col-pad {padding-left: 15px; padding-right:24px;}
.col-pad1 {padding-left: 15px; padding-right:26px;}
.col-pad2 {padding-right:38px;}
.margin {margin-bottom:15px;}
.margin1 {margin-bottom:40px;}
p.linkedin { padding-top: 10px;}
div.err { min-height: 290px; }
.pad {padding-top:28px;}
.pad1 {padding-top:6px;}
.pad2 {padding-top:0px;}
.phone {display:inline-block; width:90px;}
.policy {padding-top:10px;}
.policy-pad {padding-bottom:63px;}
p.contact-form { padding: 0 5px 0 0; }
div#map { margin-top: 5px; }
p.map { padding-top: 5px; }
#opener { margin-left: 88px; }
/* ============================= footer ====================== */
#footer {color:#989c9c; text-transform:uppercase; font-size:1.07em; padding-top:20px; }
#footer .container { background: url("../images/certs.png?ver=12.03.05") no-repeat left top; height: 60px; }
#footer a {color:#989c9c; text-decoration:none;}
#footer a:hover {border-bottom:1px solid #b8bcbc;}
#footer .main .container .left { padding-left: 12px; }
#footer .left { padding-top: 18px; }
/* ============================= search ====================== */
#resultsDiv { margin-top: 30px; }
#resultsDiv h3 a, #resultsDiv a.slink { color: #ff3300; text-decoration: none; }
#resultsDiv h3 a:hover, #resultsDiv a.slink:hover { text-decoration: underline; }
#resultsDiv a.sitelink { margin-bottom: 20px; display: block; }
#resultsDiv div.webResult { padding-bottom: 10px; }
#resultsDiv h3 { margin-bottom: 0; }
#more{width:83px;height:24px;background:url('images/more.png') no-repeat;cursor:pointer;margin:40px auto;}
#more:hover{background-position:left bottom;}
/* ============================= forms ============================= */
#SearchForm {float:right; width:484px;  text-align:right; background:url("../images/form-bg.gif") left top repeat-x; font-size:1.15em;}
#SearchForm fieldset {height:27px; display:inline-block; background:url("../images/input-bg.gif") right top  no-repeat; width:252px; border: none;}
#SearchForm div {background:url("../images/div-bg.gif") right top no-repeat; padding:13px 13px 10px 0px; }
#SearchForm .input {width:220px; height:17px; border:none; margin:3px 5px 0px 0px;  font-size:1em; background:none; color:#8d7f78; font-size:0.733em; padding:3px 0 0 0; }
p.contact-form {font-family: Arial Narrow, Arial;  color:#a4a4a4; width:652px; display: block; width: 500px; }
.contact-panel { width: 500px; }
#ctl00_MainContent_ContactUsControl1 { margin-top: -10px; }
.contact-panel div.group input { height: 20px; border: #a4a4a4 1px solid; font-size: 1em; padding: 3px; width:450px !important; margin: 5px 0;}
.contactformsubmit { margin: 10px 1px 20px 0; height: 30px; width: 100px; font-size: 1.1em; border: #a4a4a4 1px solid; text-transform: uppercase; }
p.thankyou { margin-bottom: 20px; }
div.progress { position: absolute; padding: 180px 250px 180px 210px; background: #fff; }
.transparent { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.contact-panel div.group textarea {width:450px !important; display: block; height:200px !important;  background:none;  margin: 5px 0 0 0; padding:0 0 0 5px; overflow:auto; font-size:1em;  border:1px solid #a4a4a4; }
div.contactus table span { display: block; font-size: 1em; }
div.contactus table br { display: none; }
div.contactus table div { width: 458px; }
.col-padmap { padding-left: 60px; }
.alignright { text-align:right;}
.input {width:270px; height:18px;  background:none; padding:4px 0 0 5px; font-size:0.84em; color:#a4a4a4; border:1px solid #a4a4a4;}
/* ============================= blog ============================= */
div.code div br, div.entry-content br, #navbar-iframe, #navbar, h2.date-header, a.home-link {display: none;}
.col-1 .main { width: auto; }
div.post-title h3, div.post-title h3 a { color: #000; }
.post-title h3  { font-size: 2em }
.post-footer { margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.post-title h3 a { text-decoration: none; }
.post-title h3 a:hover { text-decoration: underline; }
.post-body h2, .post-body h3 { margin-top: 15px; }
.post-body h3 { margin-bottom: 0; }
.post-body table td { padding:5px; }
.post-body table td p { padding: 0; margin: 0; }
.post-footer { margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; }
.blog-posts h4 { color: #000; text-transform: uppercase; }
.comment-author .external, .blog-pager a, .post-labels a { color: #ff3300; font-weight: bold; text-decoration: none; }
.comment-form { margin-bottom: -15px; }
div.widget div.post-body h2, div.widget div.post-body h3 { color: #9b9b9b; }
/* ============================= LAYOUT ============================= */
.main { width:980px; margin:0 auto; text-align:left;}
#header {height:156px;}
#footer { height:75px;}
.col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%; }
/* ============================= page1 ===========================*/
.page1 .col-1 {width:461px;}
.page1 .col-2 {width:464px;}
/* ============================= page2 ===========================*/
.page2 .col-1 {width:710px;}
.page2 .col-2 {width:240px; margin-left: 30px; }
.page2 p.first { padding-top: 0; }
.page2 .col-3 {width:240px;}
/* ============================= page3 ===========================*/
.page3 .col-1 {width:304px;}
.page3 .col-2 {width:640px;}
.page3 .col-3 {width:434px;}
.page3 .col-4 {width:210px;}
/* ============================= page4 ===========================*/
.page4 .col-1 {width:304px;}
.page4 .col-2 {width:640px;}
.page4 .col-3 {width:460px;}
.page4 .col-4 {width:210px;}
/* ============================= page5 ===========================*/
.page5 .col-1 {width:290px;}
.page5 .col-2 {width:652px;}
.page5 .col-3 {width:207px;}
